<template>
	<el-scrollbar max-height="700px">
    <form-create v-model:api="state.fApi" :rule="state.rule" :option="state.options" v-model="state.form"/>
    <SelectSetting></SelectSetting>
  </el-scrollbar>
</template>
<script lang="ts" setup name="formDemo">
import SelectSetting from '@/views/system/formCenter/formDesign/component/SelectSetting.vue';
//------------------定义子组件---------------------------

//------------------接收传入参数(组件)-------------------

//------------------初始化------------------------------
onMounted(()=>{})

//------------------内部变量定义-------------------------
const state=reactive({
  form:{a:'1',b:'1',c:'1',d:'1',e:'1',f:'1'},
  fApi:{},
  options:{
    submitBtn: true,
  },
  rule:[
     {
      type: 'zh-form',
      native:false,
      props:{
        title:'测试',
      },
    children: [
    {
      type: 'zh-form-card',
      native:true,
      props:{
        title:'测试',
        span:24
      },
    children: [ {
    type:'zh-form-select',
    field:'a',
    native:true,
    props:{
        label:'测试1',
        prop:'a'
      },
  },{
    type:'zh-form-input',
    native:true,
    field:'b',
    props:{
        label:'测试2',
        prop:'b'
      },
  },{
    type:'zh-form-input',
    native:true,
    field:'c',
    props:{
        label:'测试3',
        prop:'c'
      },
  },{
    type:'zh-form-input',
    field:'d',
    native:true,
    hidden:false,
    display:true,
    props:{
        label:'测试3',
        prop:'d',
        require:true
      },
  },{
    type:'zh-form-input',
    field:'e',
    native:true,
    props:{
        label:'测试3',
        prop:'e'
      },
  }]
  },]
  },
],
})
//------------------定义调用方法-------------------------

//------------设置给父组件调用的数据/方法(组件)-----------

</script>
<style lang="scss" scoped></style>
